﻿
@{
    ViewBag.Title="白磊的博客";
    }


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="~/Content/themes/GoodBackground/css/component.css" rel="stylesheet" />
<link href="~/Content/themes/GoodBackground/css/demo.css" rel="stylesheet" />
<link href="~/Content/themes/GoodBackground/css/normalize.css" rel="stylesheet" />
<meta name="keywords" content="白磊的博客,白磊,博客，个人网站，白磊，白磊，白磊" />
<meta name="description" content="白磊,目前北京小职工。生活就像一台明亮的火烛..." />
<div class="bg_page" style="position: relative;">

    @*顶部页面*@
    <div id="bg_page_top" class="bg_page_top" style="position: absolute; z-index: 10; margin-top: 60px; width: 100%; height: inherit; text-align: center;">


        @*顶部页面头部*@
        <div class="bg_page_top_header" class="frend-link" style="margin: 20px auto 0 auto;">
            <div class="" style="background-color: cadetblue; width: 80%; height: 200px; margin: 0 auto;">
                <section class="box">
                    <div style="height: 30px;">
                    </div>
                    <div class="avatar" style="height: 100px; width: 100px; background-color: #f6f6f6; margin-left: 4%; /*background-image: url('../MyFile/Picture/baileipic.jpg'); */">
                        <img src="/MyFile/Picture/baileipic.jpg" style="height: 100px; width: 100px;">
                    </div>
                    <a href="about.html" style="margin-left: -84%;color: greenyellow;"><span style="">白磊</span></a>
                </section>
            </div>
        </div>

          @*顶部页面内容*@
        <div class="bg_page_top_content frend-link" style="background-color: #ebedf1; width: 50%; min-height: 600px; margin: 20px auto; align-content: center;">
            <div class="bg_page_top_content_itemList">
            <!--内容信息用例1-->
            <div hidden class="bg_page_top_content_item1">
                <div style="width: 100%; height: 15px;"></div>
                <div class="bg_page_top_content_item1_info" style="text-align: left; margin: 0 auto; width: 95%; min-height: 50px; max-height: 500px; /* background-color: aqua; */">

                    <dl class="search-list J_search">
                        <dt style="margin-bottom: 10px;"><a href="#" target="_blank" strategy="search_bc_4_1" style="color: #2981a9; font-size: larger; font-weight: 600;">基于内容的推荐 - wjmishuai的博客 - 博客频道 - CSDN.NET</a></dt>
                        <dd class="search-detail" style="font-size: 14px; color: #666666; margin-bottom: 5px; font-family: microsoft yahei; line-height: 22px; overflow: hidden; text-indent: 2em;">基于内容的推荐系统不需要用户的近邻信息,而协同过滤方法根据相似用户的喜好进行推荐,被推荐的item只可能是近邻用户评价过的item,局限性较大。 2.可解释性。可以...</dd>
                        <dd class="search-link" style=""><a href="#" target="_blank" strategy="search_bc_4_1" style="color: #5f980b;">http://blog.csdn.net/wjmishuai/article/details/71191262</a></dd>
                    </dl>
                    <div style="margin-right: 5%; text-align: right;">
                        <span style="margin: 5px;">浏览10次</span>
                        <span style="margin: 5px;">点赞(10)</span>
                        <span style="margin: 5px;">分享(10)</span>
                    </div>


                </div>
                <div style="width: 100%; height: 15px;"></div>
            </div>
                </div>

            <!--内容分页-->
            <div class="bg_page_top_content_paging" id="mypaging" style="font-size: xx-large; margin-top: 15px; font-weight: 800;">
                <a href="#" class="BackPage" style="display: none;">&lt;上一页</a>
                <a href="#" class="nextPage" style="display: none;">下一页&gt;</a>

            </div>
            <style>
                .bg_page_top_content_paging a.on {
                    color: royalblue;
                }
            </style>
              @************************分页脚本***************************@
           
        </div>
        @*顶部页面底部*@
        <div class="bg_page_top_bottom frend-link" style="width: 100%; height: 30px; margin: 0 auto; background-color: #039292; align-content: center;">
            <footer class="footer">
                © 2017 <a href="#">梦想家</a> &nbsp; <a href="#">网站地图</a>&nbsp;&nbsp;本站由&nbsp;阿里云&nbsp;提供云服务器，冀ICP备16007653号-1，<img src="http://www.beian.gov.cn/img/ghs.png"><span style="height: 20px; line-height: 20px; margin: 0px 0px 0px 5px"></span>
                <!--百度统计-->
                <script>
                    var _hmt = _hmt || [];
                    (function () {
                        var hm = document.createElement("script");
                        hm.src = "//hm.baidu.com/hm.js?3088a94e3b69516f6df1098fc49847c9";
                        var s = document.getElementsByTagName("script")[0];
                        s.parentNode.insertBefore(hm, s);
                    })();
                </script>
            </footer>
        </div>
    </div>




    @*工具栏*@
    <div hidden class="bg_page_tools_left" style="z-index: 11; margin: 20% auto; position: fixed; height: 111px; width: 111px; background-color: red; align-content: center;">
    </div>



    @*背景画布*@
    <div class="container demo-1" style="position: absolute; z-index: 9;">
        <div class="content">
            <div id="large-header" class="large-header" style="height: 10000px;">
                <canvas id="demo-canvas" width="1598" height="10000"></canvas>
            </div>
        </div>
    </div>

</div>
<script charset="utf-8" src="~/Content/themes/GoodBackground/js/TweenLite.min.js"></script>
<script charset="utf-8" src="~/Content/themes/GoodBackground/js/EasePack.min.js"></script>
<script src="~/Scripts/Home/Paging_home_index.js"></script>
<script charset="utf-8" src="~/Content/themes/GoodBackground/js/demo-1.js"></script>
